<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>会员中心</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/user.css"/>
		<link rel="stylesheet" type="text/css" href="css/sidebar.css"/>
	</head>
	<body>
		<div class="header">
		    <div class="top">
		    	<div class="content">
		    		<div class="service">
		    			<ul>
		    			    <li>
		    				    <span>客户服务</span>
		    				    <img src="img/sanjiaoxing.png"/>
		    			    </li>
		    			    <li>
		    			    	<span>关注杰朴森商城</span>
		    			    	<img src="img/sanjiaoxing.png"/>
		    			    </li>
		    		    </ul>
		    		</div>
		    		<div class="info">
		    			<ul>
		    				<li><a href="login.html">登录</a></li>
		    				<li><a href="register.html">注册</a></li>
		    				<li><a href="order.html">我的订单</a></li>
		    				<li><a href="">今日进价</a></li>
		    				<li><a href="shop_cart.html">我的购物车（3）</a></li>
		    			</ul>
		    		</div>
		    	</div>
		    </div>
		    <div class="center">
		    	<div class="logo">
		    		<a href="index.html"><img src="img/logo.png"/></a>
		    		<p><a href="index.html">杰朴森</a></p>
		    	</div>
		    	<div class="search">
		    		<div class="search-panel">
		    			<form action="">
		    			    <div class="sea">
		    				    <input type="search" name="" id="" value="" />
		    				    <div class="sea-hide">
		    				        <img src="img/fangdajing.png"/>
		    				         <p>搜索商品/店铺</p>	
		    				    </div>
		    			    </div>
		    			    <div class="sub">
		    				    <input type="submit" name="" id="" value="搜索" />
		    			    </div>
		    		    </form>
		    		</div>
		    		<ul>
		    			<li><a href="">TPE瑜伽垫</a></li>
		    			<li><a href="">橡胶瑜伽垫</a></li>
		    			<li><a href="">瑜伽服</a></li>
		    			<li><a href="">瑜伽毯</a></li>
		    			<li><a href="">健身球</a></li>
		    			<li><a href="">瑜伽球</a></li>
		    		</ul>
		    	</div>
		    </div>
		    <div class="nav">
		    	<div class="nav-con">
		    		<ul>
			    		<li><a href="index.html">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	</div>
		    	
		    </div>
		</div>
		<div class="middle">
			<div class="sidebar">
				<div class="shopping">
					<div class="title">
						<img class="icon" src="img/order_details_03.jpg"/>购物
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a href="shop_cart.html">我的购物车</a></li>
							<li><a href="">我的收藏</a></li>
							<li><a href="">我的预约</a></li>
							<li><a href="">我的进店预约</a></li>
						</ul>
					</div>
				</div>
				<div class="order-core">
					<div class="title">
						<img class="icon" src="img/order_details_09.jpg"/>订单中心
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a href="order.html">我的订单</a></li>
							<li><a href="comment.html">评价/晒单</a></li>
						</ul>
					</div>
				</div>
				<div class="club">
					<div class="title">
						<img class="icon" src="img/order_details_13.jpg"/>俱乐部
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a class="current" href="">我的会员</a></li>
							<li><a href="">我的积分</a></li>
							<li><a href="">我的卡包</a></li>
						</ul>
					</div>
				</div>
				<div class="set">
					<div class="title">
						<img class="icon" src="img/order_details_15.jpg"/>账户设置
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a href="">个人资料</a></li>
							<li><a href="">绑定手机</a></li>
							<li><a href="">绑定邮箱</a></li>
							<li><a href="">绑定账号</a></li>
							<li><a href="">修改密码</a></li>
							<li><a href="">地址管理</a></li>
						</ul>
					</div>
				</div>
				<div class="customer">
					<div class="title">
						<img class="icon" src="img/order_details_18.jpg"/>客户服务
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a href="">退换货办理</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="user">
				<div class="user-info">
					<div class="head-portrait">
						<img src="img/user_06.jpg"/>
						<span class="username">随风散</span>
					</div>
					<div class="detail-info">
						<ul>
							<li>
								<span class="tit">会员等级</span>
								<div class="grid-msg">
									<img src="img/user_03.jpg"/>
									<span>超级砖石VIP会员</span>
								</div>
								<a class="operate" href="">查看</a>
							</li>
							<li>
								<span class="tit">会员积分</span>
								<div class="grid-msg">
									<img src="img/user_09.jpg"/>
									<span>65449</span>
								</div>
								<a class="operate" href="">查看</a>
							</li>
							<li>
								<span class="tit">礼物卡</span>
								<div class="grid-msg">
									<span>5</span>
								</div>
								<a class="operate" href="">查看</a>
							</li>
							<li>
								<span class="tit">账户安全</span>
								<div class="safety">
									<span></span>
									<span></span>
									<span></span>
									<span></span>
								</div>
								<a class="operate" href="">修改密码</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="order-content">
					<div class="order1">
						<div class="pic">
							<a href=""><img src="img/confirm_order_07.jpg"/></a>
						</div>
						<div class="name">
							<a href="">瑜伽服套装冬健身女瑜珈宽松显瘦<br>舞蹈演出练功莫代尔黑形体服</a>
						</div>	
						<div class="state">随风散</div>
						<div class="price">
							<p>￥<span>354</span></p>
							<span>在线支付</span>
						</div>
						<div class="buy-time">
							<span class="date">2018.02.02</span>
							<span class="time">12:36</span>
							<span class="ture">购买成功</span>
						</div>
						<div class="operation">
							<a class="check" href="">查看</a>
						</div>
					</div>
					<div class="order1">
						<div class="pic">
							<a href=""><img src="img/confirm_order_10.jpg"/></a>
						</div>
						<div class="name">
							<a href="">弥雅初学者瑜伽垫体位线男女健身垫加厚15mm加宽加长防滑瑜珈毯子</a>
						</div>	
						<div class="state">随风散</div>
						<div class="price">
							<p>￥<span>156</span></p>
							<span>在线支付</span>
						</div>
						<div class="buy-time">
							<span class="date">2018.03.02</span>
							<span class="time">16:36</span>
							<span class="ture">购买成功</span>
						</div>
						<div class="operation">
							<a class="check" href="">查看</a>
						</div>
					</div>
					<div class="nothing"><p>没有订单了  赶紧下单吧</p></div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="jps-ensure">
				<ul>
					<li>
						<a class="ensure-tit" href="">优</a>
						<h2><a href="">品质保障</a></h2>
						<p><a href="">品质护航 购物无忧</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">五</a>
						<h2><a href="">五天无理由退换货</a></h2>
						<p><a href="">为你提供售后无忧保障</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">特</a>
						<h2><a href="">特色服务体验</a></h2>
						<p><a href="">为你呈现不一样的服务</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">帮</a>
						<h2><a href="">帮助中心</a></h2>
						<p><a href="">你的购物方向</a></p>
					</li>
				</ul>
			</div>
			<div class="jps-help">
				<div class="jps-public">
					<a href=""><img src="img/index_106.jpg"/></a>
					<p>杰朴森公众号</p>
				</div>
				<dl>
					<dt>商家服务</dt>
					<dd><a href="">杰朴森规则</a></dd>
					<dd><a href="">商家入驻</a></dd>
					<dd><a href="">商家中心</a></dd>
					<dd><a href="">物流服务</a></dd>
					<dd><a href="">运营服务</a></dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd><a href="">快捷支付</a></dd>
					<dd><a href="">信用卡</a></dd>
					<dd><a href="">蚂蚁借呗</a></dd>
					<dd><a href="">余额宝</a></dd>
					<dd><a href="">货到付款</a></dd>
				</dl>
				<dl>
					<dt>天猫保障</dt>
					<dd><a href="">发票保障</a></dd>
					<dd><a href="">售后规则</a></dd>
					<dd><a href="">缺货赔付</a></dd>
				</dl>
				
				<dl>
					<dt>购物指南</dt>
					<dd><a href="">免费支付</a></dd>
					<dd><a href="">开通支付宝</a></dd>
					<dd><a href="">支付宝支付</a></dd>
				</dl>
			</div>
			<div class="copyright">
				<div class="content">
					<div class="logo"></div>
					<ul>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	    <p>2016 POWERED BY XUNGOU.COM. ALL RIGHTS RESERVED  闽ICP备17001625号-3</p>
				</div>
			</div>
		</div>
	</body>
</html>

